/*************************************************************
***********        GENERAL HTML LAYOUT          **************
**************************************************************/

body {
/*background: url("bg.gif") center top repeat;*/
background: #000 url("Images/bgr_main.jpg") top center no-repeat;
margin: 0;
padding: 0;
color: #7D7D7B;
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
outline: none;
}

h1 {
}
h2 {
}
p {
}
a:link    {
color: #7D7D7B;
text-decoration: none;
}
a:visited {
color: #7D7D7B;
}
a:hover   {
color: #FBCA31;
}
a:active  {
color: yellow;
}



/*************************************************************
************        GENERAL VIEW LAYOUT         **************
**************************************************************/

.Fl-l {
float: left;
display: inline;
}
.Fl-r {
float: right;
display: inline;
}
.Fl-a {
position: absolute;
}
.Cl-a {
clear: both;
}
.Cl-l {
clear: left;
}
.Cl-r {
clear: right;
}
.Sp {
height: 1px;
}
.St-w {
width: 100%;
}
.St-h {
height: 100%;
}
.St-a {
width: 100%; height: 100%;
}
.Op {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
.Bgr {
position: absolute;
z-index: 0;
}
.Bgr img {
width: 100%; height: 100%;
}



/*************************************************************
************      GENERAL CONTENT LAYOUT       ***************
**************************************************************/

.Main, .Footer {
width: 95%;
margin: 0 auto;
}
.Header {
}
.Main {
background: url("Images/shadow_b.png") top center no-repeat;
}
.Footer {

}
.Content {
position: relative;
min-height: 350px;
}

.Wr-w{
/*
min-width: 750px;
max-width: 950px;
*/
width: 950px;
margin: 0 auto;
}
.Wr-l {
padding-left: 22px;
}
.Wr-r {
padding-right: 22px;
right: 0;
}
.Wr-t, .Wr-b {
height: 14px;
}
.Col-l, .Col-r {
position: absolute;
}
.Sh-t { background: url("Images/shadow_t.png") bottom center no-repeat;
}
.Sh-b { background: url("Images/shadow_b.png") top center no-repeat;
}
.Sh-l { background: url("Images/shadow_l.png") center left no-repeat;
}
.Sh-r { background: url("Images/shadow_r.png") center right no-repeat;
}
.Sh-s { background: url("Images/small_shadow.png") bottom center no-repeat;
}

/*************************************************************
************      DETAILS CONTENT LAYOUT       ***************
**************************************************************/

/*** Border and box ***/
.Header div.Wr { background: url("Images/bgr_header.png") bottom center repeat-x;
}
.Header span.Wr {
width: 95%;
}
.Header div.Wr-t {
height: 41px;
margin: 0 auto -1px;
}
.Header div.Sp {
height: 17px;
}
.Header div.Wr-tl { background: url("Images/wrap_hl.png") top left no-repeat; 
padding-left: 16px;
}
.Header div.Wr-tr { background: url("Images/wrap_hr.png") top right no-repeat;
padding-right: 16px;
}
.Header div.Wr-tm { background: url("Images/wrap_hm.png") top center repeat;
}
.Main  div.Wr-cl { background: url("Images/wrap_ml.png") center left repeat-y;
}
.Main  div.Wr-cr { background: url("Images/wrap_mr.png") center right repeat-y;
}
.Main  div.Wr-mm { background: url("Images/wrap_mm.png") top center repeat;
padding: 20px 5px;
}
.Main  div.Wr-b { 
}
.Main  div.Wr-bl { background: url("Images/wrap_bl.png") bottom left repeat-y;
padding-left: 78px;
}
.Main  div.Wr-br { background: url("Images/wrap_br.png") bottom right repeat-y;
padding-right: 78px;
}
.Main  div.Wr-bm { background: url("Images/wrap_bc.png") bottom center repeat;
}
.Main div.Wr {
margin: -20px -26px;
background: url("Images/box_mm_dark.png") repeat;
}
.Footer div.Wr-w {
text-align: center;
}

.Box {
margin: 5px 2px 15px;
}
.Box .Box-h {
margin-bottom: -38px;
}
.Box .Box-h, .Box .Box-h div.Box-hl, .Box .Box-h div.Box-hr  {
height: 31px;
}
.Box .Box-body div.Box-tl, .Box .Box-body div.Box-tr, .Box .Box-body div.Box-tm {
height: 34px;
}
.Box .Box-body div.Box-bl, .Box .Box-body div.Box-br, .Box .Box-body div.Box-bm {
height: 14px;
}
.Box .Box-h div.Box-hl { background: url("Images/box_hl.png") top left no-repeat;
padding-left: 19px;
}
.Box .Box-h div.Box-hr { background: url("Images/box_hr.png") top right no-repeat;
}
.Box .Box-h div.Box-hc {
}
.Box .Box-body div.Box-tl, .Box .Box-body div.Box-ml, .Box .Box-body div.Box-bl { padding-left: 17px;
}
.Box .Box-body div.Box-tr, .Box .Box-body div.Box-mr, .Box .Box-body div.Box-br { padding-right: 17px;
}
.Box .Box-body div.Box-c {
padding: 1px 3px;
}
.Box .Box-body div.Sh-s { height: 12px; margin-top: -6px;
}
.Box-light .Box-body div.Box-tl { background: url("Images/box_tl_light.png") top left no-repeat;
}
.Box-light .Box-body div.Box-tr { background: url("Images/box_tr_light.png") top right no-repeat;
}
.Box-light .Box-body div.Box-tm { background: url("Images/box_tm_light.png") top center repeat-x;
}
.Box-light .Box-body div.Box-ml { background: url("Images/box_ml_light.png") center left repeat-y;
}
.Box-light .Box-body div.Box-mr { background: url("Images/box_mr_light.png") center right repeat-y;
}
.Box-light .Box-body div.Box-mm { background: url("Images/box_mm_light.png") center center repeat;
}
.Box-light .Box-body div.Box-bl { background: url("Images/box_bl_light.png") bottom left no-repeat;
}
.Box-light .Box-body div.Box-br { background: url("Images/box_br_light.png") bottom right no-repeat;
}
.Box-light .Box-body div.Box-bm { background: url("Images/box_bm_light.png") bottom center repeat-x;
}
.Box-medium .Box-body div.Box-tl { background: url("Images/box_tl_medium.png") top left no-repeat;
}
.Box-medium .Box-body div.Box-tr { background: url("Images/box_tr_medium.png") top right no-repeat;
}
.Box-medium .Box-body div.Box-tm { background: url("Images/box_tm_medium.png") top center repeat-x;
}
.Box-medium .Box-body div.Box-ml { background: url("Images/box_ml_medium.png") center left repeat-y;
}
.Box-medium .Box-body div.Box-mr { background: url("Images/box_mr_medium.png") center right repeat-y;
}
.Box-medium .Box-body div.Box-mm { background: url("Images/box_mm_medium.png") center center repeat;
}
.Box-medium .Box-body div.Box-bl { background: url("Images/box_bl_medium.png") bottom left no-repeat;
}
.Box-medium .Box-body div.Box-br { background: url("Images/box_br_medium.png") bottom right no-repeat;
}
.Box-medium .Box-body div.Box-bm { background: url("Images/box_bm_medium.png") bottom center repeat-x;
}
.Box-dark .Box-body div.Box-tl { background: url("Images/box_tl_dark.png") top left no-repeat;
}
.Box-dark .Box-body div.Box-tr { background: url("Images/box_tr_dark.png") top right no-repeat;
}
.Box-dark .Box-body div.Box-tm { background: url("Images/box_tm_dark.png") top center repeat-x;
}
.Box-dark .Box-body div.Box-ml { background: url("Images/box_ml_dark.png") center left repeat-y;
}
.Box-dark .Box-body div.Box-mr { background: url("Images/box_mr_dark.png") center right repeat-y;
}
.Box-dark .Box-body div.Box-mm { background: url("Images/box_mm_dark.png") center center repeat;
}
.Box-dark .Box-body div.Box-bl { background: url("Images/box_bl_dark.png") bottom left no-repeat;
}
.Box-dark .Box-body div.Box-br { background: url("Images/box_br_dark.png") bottom right no-repeat;
}
.Box-dark .Box-body div.Box-bm { background: url("Images/box_bm_dark.png") bottom center repeat-x;
}


/*** Menu ***/
.Mn ul {
list-style: none;
margin: 1px 0 0;
padding: 0;
}
.Mn-gl {
font-size: 16px;
font-variant: small-caps;
}
.Mn-gl ul  li{
padding: 10px 0;
margin-left: -1px;
}
.Mn-gl a:link, .Mn-gl a:visited, .Mn-gl a:hover, .Mn-gl a:active{
color: #CCC;
text-decoration: none;
outline: none;
}
.Mn-active a:link, .Mn-active a:visited, .Mn-active a:hover, .Mn-active a:active,
.Mn-hover a:link, .Mn-hover a:visited, .Mn-hover a:hover, .Mn-hover a:active {
color: #FBCA31;
text-decoration: none;
outline: none;
}
.Mn-clicked a:link, .Mn-clicked a:visited, .Mn-hover.Mn-clicked a:hover, .Mn-clicked a:active {
color: #F00;
text-decoration: none;
outline: none;
}

.Footer div.Wr-w {
margin: 45px auto 25px;
}
.Footer div.Info {
font-size: 10px;
font-weight: normal;
}

.Mn-gl span.Wr-l {
padding: 10px 0;
padding-left: 15px;
}
.Mn-gl span.Wr-r {
padding: 10px 0;
padding-left: 0;
padding-right: 15px;
}
.Mn-active span.Wr-l , .Mn-hover span.Wr-l{
background: url("Images/small_shadow_l.png") center left no-repeat;
}
.Mn-active span.Wr-r, .Mn-hover span.Wr-r {
background: url("Images/small_shadow_r.png") center right no-repeat;
}


/*** Column ***/
.Content div.Col-r {
right: 0;
width: 250px;
}
.Content div.Wr-r {
padding: 5px 5px 15px 20px;
}
.Content div.Col-l {
margin-right: 250px;
position: static;
}
.Content div#col-context, .Content div#col-main {
min-height: 350px;
}
.Content .Col-r  div.Bgr {
width: 20px;
left: -15px;
}
.Content .Col-r  div.Wr {
margin: 25px 5px 10px 8px;
background: none;
}


/*** Others ***/
.Logo {
height: 75px;
}
.Banner {
width: 100%;
height: 175px;
background: url("Images/bgr_banner.gif") repeat;
}
.Ad {
margin: 9px;
}
.Content .Col-r div.Ad {
}
.Box-ad-placeholder {
background: url("Images/bgr.gif");
height: 150px;
}